// 三级页面：分类新闻列表
var currentCategory = '';
var newsData = [];
var sortBy = 'time'; // time, views, comments
var currentPage = 1;
var pageSize = 10;

(function($) {
    // 分类信息配置
    var categoryConfig = {
        'ai': {
            name: '人工智能',
            svg: 'M20,11A8,8 0 0,1 12,19A8,8 0 0,1 4,11A8,8 0 0,1 12,3A8,8 0 0,1 20,11M22,11A10,10 0 0,0 12,1A10,10 0 0,0 2,11A10,10 0 0,0 12,21A10,10 0 0,0 22,11M8,10.5A1.5,1.5 0 0,0 9.5,9A1.5,1.5 0 0,0 8,7.5A1.5,1.5 0 0,0 6.5,9A1.5,1.5 0 0,0 8,10.5M16,10.5A1.5,1.5 0 0,0 17.5,9A1.5,1.5 0 0,0 16,7.5A1.5,1.5 0 0,0 14.5,9A1.5,1.5 0 0,0 16,10.5M12,17C13.5,17 14.7,16.1 15.2,14.8L13.9,14.2C13.6,15.1 12.8,15.7 12,15.7C11.2,15.7 10.4,15.1 10.1,14.2L8.8,14.8C9.3,16.1 10.5,17 12,17Z',
            subtitle: '最新AI技术资讯与发展动态'
        },
        'mobile': {
            name: '移动科技',
            svg: 'M17,19H7V5H17M17,1H7C5.89,1 5,1.89 5,3V21C5,22.11 5.89,23 7,23H17C18.11,23 19,22.11 19,21V3C19,1.89 18.11,1 17,1Z',
            subtitle: '智能手机、平板电脑、可穿戴设备'
        },
        'cloud': {
            name: '云计算',
            svg: 'M19.35,10.04C18.67,6.59 15.64,4 12,4C9.11,4 6.6,5.64 5.35,8.04C2.34,8.36 0,10.91 0,14A6,6 0 0,0 6,20H19A5,5 0 0,0 24,15C24,12.36 21.95,10.22 19.35,10.04Z',
            subtitle: '云服务、边缘计算、分布式系统'
        },
        'blockchain': {
            name: '区块链',
            svg: 'M3.9,12C3.9,10.29 5.29,8.9 7,8.9H11V7H7A5,5 0 0,0 2,12A5,5 0 0,0 7,17H11V15.1H7C5.29,15.1 3.9,13.71 3.9,12M8,13H16V11H8V13M17,7H13V8.9H17C18.71,8.9 20.1,10.29 20.1,12C20.1,13.71 18.71,15.1 17,15.1H13V17H17A5,5 0 0,0 22,12A5,5 0 0,0 17,7Z',
            subtitle: '加密货币、智能合约、去中心化应用'
        },
        'iot': {
            name: '物联网',
            svg: 'M12,21L15.6,16.2C14.6,15.45 13.35,15 12,15C10.65,15 9.4,15.45 8.4,16.2L12,21M12,3C7.95,3 4.68,4.19 2.5,6.16L5.6,9.7C7.09,8.64 9.4,8 12,8C14.6,8 16.91,8.64 18.4,9.7L21.5,6.16C19.32,4.19 16.05,3 12,3M12,9L16.2,14.65C15.29,14.25 14.2,14 13,14H11C9.8,14 8.71,14.25 7.8,14.65L12,9Z',
            subtitle: '智能家居、工业物联网、传感器技术'
        },
        'security': {
            name: '网络安全',
            svg: 'M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M12,7C13.4,7 14.8,8.6 14.8,10V11H16V18H8V11H9.2V10C9.2,8.6 10.6,7 12,7M12,8.2C11.2,8.2 10.4,8.7 10.4,10V11H13.6V10C13.6,8.7 12.8,8.2 12,8.2Z',
            subtitle: '信息安全、数据保护、安全防护'
        },
        'vr': {
            name: '虚拟现实',
            svg: 'M5,3C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5M5,5H19V19H5V5M7.5,6A1.5,1.5 0 0,0 6,7.5A1.5,1.5 0 0,0 7.5,9A1.5,1.5 0 0,0 9,7.5A1.5,1.5 0 0,0 7.5,6M16.5,6A1.5,1.5 0 0,0 15,7.5A1.5,1.5 0 0,0 16.5,9A1.5,1.5 0 0,0 18,7.5A1.5,1.5 0 0,0 16.5,6M12,8A6,6 0 0,0 6,14H8A4,4 0 0,1 12,10A4,4 0 0,1 16,14H18A6,6 0 0,0 12,8Z',
            subtitle: 'VR/AR技术、元宇宙、沉浸式体验'
        },
        'bigdata': {
            name: '大数据',
            svg: 'M12,3C7.58,3 4,4.79 4,7C4,9.21 7.58,11 12,11C16.42,11 20,9.21 20,7C20,4.79 16.42,3 12,3M4,9V12C4,14.21 7.58,16 12,16C16.42,16 20,14.21 20,12V9C20,11.21 16.42,13 12,13C7.58,13 4,11.21 4,9M4,14V17C4,19.21 7.58,21 12,21C16.42,21 20,19.21 20,17V14C20,16.21 16.42,18 12,18C7.58,18 4,16.21 4,14Z',
            subtitle: '数据分析、数据挖掘、商业智能'
        },
        '5g': {
            name: '5G通信',
            svg: 'M19.07,4.93C17.22,3.08 14.66,2 12,2C9.34,2 6.78,3.08 4.93,4.93C3.08,6.78 2,9.34 2,12C2,14.66 3.08,17.22 4.93,19.07C6.78,20.92 9.34,22 12,22C14.66,22 17.22,20.92 19.07,19.07C20.92,17.22 22,14.66 22,12C22,9.34 20.92,6.78 19.07,4.93M7,12C7,10.34 8.34,9 10,9C11.66,9 13,10.34 13,12C13,13.66 11.66,15 10,15C8.34,15 7,13.66 7,12M17,12C17,13.66 15.66,15 14,15C12.34,15 11,13.66 11,12C11,10.34 12.34,9 14,9C15.66,9 17,10.34 17,12Z',
            subtitle: '5G网络、通信技术、网络架构'
        },
        'quantum': {
            name: '量子科技',
            svg: 'M12,2A3,3 0 0,1 15,5A3,3 0 0,1 12,8A3,3 0 0,1 9,5A3,3 0 0,1 12,2M21,9V7L19,8V10C19,11.1 18.1,12 17,12C15.9,12 15,11.1 15,10V8L13,7V9H11V7L9,8V10C9,11.1 8.1,12 7,12C5.9,12 5,11.1 5,10V8L3,7V9A5,5 0 0,0 8,14V16A3,3 0 0,0 11,19H13A3,3 0 0,0 16,16V14A5,5 0 0,0 21,9Z',
            subtitle: '量子计算、量子通信、量子加密'
        }
    };

    // 完整新闻数据
    var allNewsData = [{
        title: "华为发布鸿蒙OS 4.0：全场景智能操作系统再升级",
        describe: "华为在开发者大会上正式发布鸿蒙OS 4.0，带来全新的分布式能力和AI增强功能。",
        note: "128跟帖",
        icon: "index/css/myImg/newsImg1.png",
        category: "mobile",
        time: "2小时前",
        content: "华为技术有限公司今日在深圳召开开发者大会..."
    }, {
        title: "SpaceX星舰成功完成第三次试飞",
        describe: "马斯克的SpaceX公司星舰完成第三次试飞任务，成功实现软着陆。",
        note: "256跟帖",
        icon: "index/css/myImg/newsImg2.png",
        category: "space",
        time: "3小时前",
        content: "美国太空探索技术公司(SpaceX)的星舰(Starship)原型机..."
    }, {
        title: "苹果Vision Pro国行版即将上市",
        describe: "苹果混合现实头显Vision Pro确认将于下月在中国市场发售。",
        note: "512跟帖",
        icon: "index/css/myImg/newsImg3.png",
        category: "vr",
        time: "4小时前",
        content: "苹果公司正式宣布，备受瞩目的Vision Pro混合现实头显..."
    }, {
        title: "阿里云推出通义千问2.0大模型",
        describe: "阿里云发布通义千问2.0版本，参数量达到千亿级别。",
        note: "89跟帖",
        icon: "index/css/myImg/newsImg1.png",
        category: "ai",
        time: "5小时前",
        content: "阿里云在今日的云栖大会上正式发布通义千问2.0大语言模型..."
    }, {
        title: "特斯拉机器人Optimus展示最新进展",
        describe: "特斯拉人形机器人Optimus在最新演示中展现了更灵活的动作能力。",
        note: "167跟帖",
        icon: "index/css/myImg/newsImg2.png",
        category: "ai",
        time: "6小时前",
        content: "特斯拉CEO埃隆·马斯克在社交媒体上分享了Optimus人形机器人..."
    }, {
        title: "中国6G技术研发取得重大突破",
        describe: "我国6G技术研发在太赫兹通信、智能超表面等关键技术领域取得重要进展。",
        note: "234跟帖",
        icon: "index/css/myImg/newsImg3.png",
        category: "5g",
        time: "8小时前",
        content: "据工信部最新消息，我国6G技术研发工作取得阶段性重要成果..."
    }, {
        title: "微软Azure推出新一代量子云服务",
        describe: "微软Azure量子云平台发布重大更新，支持更多量子算法。",
        note: "156跟帖",
        icon: "index/css/myImg/newsImg1.png",
        category: "quantum",
        time: "10小时前",
        content: "微软公司宣布其Azure量子云平台迎来重大升级..."
    }, {
        title: "英伟达发布新一代AI芯片架构",
        describe: "英伟达发布下一代GPU架构，专为大模型训练优化。",
        note: "445跟帖",
        icon: "index/css/myImg/newsImg2.png",
        category: "ai",
        time: "12小时前",
        content: "英伟达公司在GTC大会上正式发布全新GPU架构..."
    }, {
        title: "腾讯云发布混合云解决方案3.0",
        describe: "腾讯云推出全新混合云解决方案，支持多云管理、边缘计算。",
        note: "78跟帖",
        icon: "index/css/myImg/newsImg3.png",
        category: "cloud",
        time: "1天前",
        content: "腾讯云在今日举行的数字生态大会上发布混合云解决方案3.0..."
    }, {
        title: "比特币网络完成重大升级",
        describe: "比特币主网完成Taproot升级，增强隐私保护和智能合约功能。",
        note: "322跟帖",
        icon: "index/css/myImg/newsImg1.png",
        category: "blockchain",
        time: "1天前",
        content: "比特币网络成功激活Taproot软分叉升级..."
    }, {
        title: "小米发布澎湃OS智能物联系统",
        describe: "小米正式发布澎湃OS，打通手机、平板、智能家居等设备。",
        note: "189跟帖",
        icon: "index/css/myImg/newsImg2.png",
        category: "iot",
        time: "1天前",
        content: "小米公司在今日的发布会上正式推出澎湃OS智能物联操作系统..."
    }, {
        title: "网络安全新威胁：AI驱动的钓鱼攻击激增",
        describe: "安全机构报告显示，利用AI技术的钓鱼攻击事件激增200%。",
        note: "267跟帖",
        icon: "index/css/myImg/newsImg3.png",
        category: "security",
        time: "2天前",
        content: "据国际网络安全组织最新报告，2024年利用人工智能技术..."
    }, {
        title: "Meta发布VR社交平台Horizon 3.0",
        describe: "Meta推出全新VR社交平台，支持更真实的虚拟形象和沉浸式交互体验。",
        note: "398跟帖",
        icon: "index/css/myImg/newsImg1.png",
        category: "vr",
        time: "2天前",
        content: "Meta公司正式发布Horizon Worlds 3.0虚拟现实社交平台..."
    }, {
        title: "字节跳动开源大数据处理框架",
        describe: "字节跳动开源其内部使用的大数据处理框架ByteHouse。",
        note: "145跟帖",
        icon: "index/css/myImg/newsImg2.png",
        category: "bigdata",
        time: "2天前",
        content: "字节跳动公司宣布开源其自研的大数据处理框架ByteHouse..."
    }, {
        title: "联想发布边缘计算服务器新品",
        describe: "联想推出专为边缘计算设计的服务器产品线。",
        note: "67跟帖",
        icon: "index/css/myImg/newsImg3.png",
        category: "cloud",
        time: "3天前",
        content: "联想集团在今日的科技创新大会上发布全新边缘计算服务器产品系列..."
    }, {
        title: "谷歌AI实现蛋白质结构预测新突破",
        describe: "谷歌DeepMind的AlphaFold 3在蛋白质结构预测准确率上再次突破。",
        note: "534跟帖",
        icon: "index/css/myImg/newsImg1.png",
        category: "ai",
        time: "3天前",
        content: "谷歌DeepMind团队发布AlphaFold 3最新研究成果..."
    }, {
        title: "三星展示可折叠屏幕新技术",
        describe: "三星显示发布新一代可折叠OLED屏幕技术。",
        note: "298跟帖",
        icon: "index/css/myImg/newsImg2.png",
        category: "mobile",
        time: "3天前",
        content: "三星显示公司在SID显示周上展示了最新的可折叠OLED屏幕技术..."
    }, {
        title: "IBM推出企业级区块链平台",
        describe: "IBM发布企业级区块链解决方案，支持跨链互操作。",
        note: "123跟帖",
        icon: "index/css/myImg/newsImg3.png",
        category: "blockchain",
        time: "4天前",
        content: "IBM公司正式推出面向企业的区块链平台IBM Blockchain Platform 3.0..."
    }];

    var filteredNews = [];
    var newsListView = null;
    var currentSubCategory = 'all';

    /**
     * 导航按钮初始化
     */
    appcan.button("#nav-left", "btn-act", function() {
        appcan.window.close(-1);
    });

    appcan.button("#nav-right", "btn-act", function() {
        // 搜索功能
        appcan.alert("搜索功能正在开发中...");
    });

    /**
     * 页面就绪事件
     */
    appcan.ready(function() {
        // 获取传递的分类参数 - 支持多种键名
        currentCategory = appcan.locStorage.getVal('news_category') || 
                          appcan.locStorage.getVal('current_category') || 'ai';
        
        console.log('分类新闻列表页面获取到的分类:', currentCategory);
        
        // 初始化页面
        initializePage();
        
        // 初始化滚动事件
        $.scrollbox($("body")).on("releaseToReload", function() {
            $("#ScrollContent").trigger("reload", this);
            loadNews();
        }).on("scrollbottom", function() {
            $("#ScrollContent").trigger("more", this);
        }).hide();
    });

    /**
     * 初始化页面
     */
    function initializePage() {
        var config = categoryConfig[currentCategory];
        if (config) {
            // 更新页面标题
            $("#page-title").text(config.name);
            
            // 更新分类描述
            updateCategoryDescription(config);
            
            // 注释掉子分类标签初始化
            // initializeSubCategoryTabs();
            
            // 加载新闻数据
            loadNews();
        }
    }

    /**
     * 更新分类描述区域
     */
    function updateCategoryDescription(config) {
        // 更新SVG图标
        $("#category-svg path").attr("d", config.svg);
        $(".category-name").text(config.name);
        $(".category-subtitle").text(config.subtitle);
    }

    /**
     * 初始化子分类标签
     */
    function initializeSubCategoryTabs() {
        var subCategories = getSubCategories(currentCategory);
        
        if (subCategories.length > 1) {
            var tabData = subCategories.map(function(sub) {
                return { label: sub.name };
            });

            var tabview = appcan.tab({
                selector: $("#Tab_header"),
                hasIcon: false,
                hasAnim: false,
                hasLabel: true,
                hasBadge: false,
                index: 0,
                data: tabData
            });

            tabview.on('click', function(obj, index) {
                currentSubCategory = subCategories[index].key;
                loadNews();
            });
        } else {
            // 隐藏标签栏
            $("#Tab_header").parent().hide();
        }
    }

    /**
     * 获取子分类
     */
    function getSubCategories(category) {
        var subCats = [{ key: 'all', name: '全部' }];
        
        switch(category) {
            case 'ai':
                subCats.push(
                    { key: 'ml', name: '机器学习' },
                    { key: 'nlp', name: '自然语言' },
                    { key: 'cv', name: '计算机视觉' }
                );
                break;
            case 'mobile':
                subCats.push(
                    { key: 'smartphone', name: '智能手机' },
                    { key: 'tablet', name: '平板电脑' },
                    { key: 'wearable', name: '可穿戴' }
                );
                break;
            case 'cloud':
                subCats.push(
                    { key: 'saas', name: 'SaaS' },
                    { key: 'paas', name: 'PaaS' },
                    { key: 'iaas', name: 'IaaS' }
                );
                break;
            default:
                return [{ key: 'all', name: '全部' }];
        }
        
        return subCats;
    }

    /**
     * 加载新闻数据
     */
    function loadNews() {
        // 根据分类筛选新闻
        filteredNews = allNewsData.filter(function(news) {
            return news.category === currentCategory || 
                   (currentCategory === 'tech' && ['ai', 'mobile', 'cloud'].includes(news.category));
        });

        // 更新新闻数量
        $("#news-count").text(filteredNews.length);

        // 如果没有新闻数据，显示空状态
        if (filteredNews.length === 0) {
            showEmptyState();
            return;
        }

        // 格式化新闻数据以适配listview
        var listData = filteredNews.map(function(news) {
            return {
                title: news.title,
                describe: news.describe,
                note: news.time + " | " + news.note,
                icon: news.icon
            };
        });

        // 初始化新闻列表
        if (!newsListView) {
            newsListView = appcan.listview({
                selector: "#news-listview",
                type: "thickLine",
                hasIcon: true,
                hasAngle: false
            });

            newsListView.on('click', function(ele, context, obj, subobj) {
                var index = $(ele).index();
                openNewsDetail(index);
            });
        }

        newsListView.set(listData);
    }

    /**
     * 显示空状态
     */
    function showEmptyState() {
        var emptyHtml = 
            '<div class="empty-state">' +
                '<div class="empty-icon">' +
                    '<div class="fa fa-newspaper"></div>' +
                '</div>' +
                '<div class="empty-text">暂无相关新闻</div>' +
                '<div class="empty-desc">该分类下暂时没有新闻内容</div>' +
            '</div>';
        
        $("#news-listview").html(emptyHtml);
        $("#news-count").text(0);
    }

    /**
     * 打开新闻详情
     */
    function openNewsDetail(index) {
        // 获取点击的新闻数据
        var selectedNews = filteredNews[index];
        if (!selectedNews) {
            return;
        }
        
        // 保存新闻索引和类型到本地存储
        appcan.locStorage.setVal('news_type', 'category_list');
        appcan.locStorage.setVal('news_index', index);
        appcan.locStorage.setVal('news_category', currentCategory);
        
        // 保存完整的新闻数据到本地存储
        appcan.locStorage.setVal('news_data', JSON.stringify(selectedNews));
        
        // 打开新闻详情页面
        appcan.openWinWithUrl('news_detail', 'news_detail.html');
    }

    /**
     * 获取分类新闻数据（供其他页面调用）
     */
    window.getCategoryNews = function(category, index) {
        var categoryNews = allNewsData.filter(function(news) {
            return news.category === category;
        });
        
        return categoryNews[index] || null;
    };

    /**
     * 切换排序方式
     */
    function toggleSort() {
        var options = ['time', 'views', 'comments'];
        var currentIndex = options.indexOf(sortBy);
        var nextIndex = (currentIndex + 1) % options.length;
        sortBy = options[nextIndex];
        
        // 更新排序按钮文本
        var sortTexts = {
            'time': '按时间排序',
            'views': '按阅读量排序',
            'comments': '按评论数排序'
        };
        $('.sort-btn span').text(sortTexts[sortBy]);
        
        // 重新显示列表
        currentPage = 1;
        displayNewsList();
    }

    /**
     * 加载更多新闻
     */
    function loadMoreNews() {
        currentPage++;
        displayNewsList();
    }
})($); 